<template>
  <div class="container">
    <div>
      <el-card>
        <div class="head">
          <div>
            <span class="head_text">泰惠收</span>
            <span class="head_text head_text1">087761120100304054676</span>
            <span class="head_text head_text1">光大银行 **** **** **** 4676</span>
          </div>
        </div>
        <div class="body">
          <el-row :gutter="10">
            <el-col :span="4">
              <div>
                <div style="color: #909399;margin-bottom:2px;">账户余额</div>
                <div style="font-size:24px;">48976.37</div>
              </div>
            </el-col>
            <el-col :span="4">
              <div>
                <div style="color: #909399;margin-bottom:2px;">
                  待结算
                  <el-tooltip
                    class="item"
                    effect="dark"
                    content="已向支付渠道发起提现、处于处理过程中的在途资金"
                    placement="right"
                  >
                    <!-- <el-button>右边</el-button> -->
                    <i style="color:#f2af11;" class="el-icon-warning"></i>
                  </el-tooltip>
                </div>
                <div style="font-size:24px;">2882.6</div>
              </div>
            </el-col>
            <el-col :span="4">
              <div>
                <div style="color: #909399;margin-bottom:2px;">可提现</div>
                <div style="font-size:24px;">46093.77</div>
              </div>
            </el-col>
            <el-col style=" line-height: 70px;" :span="6">
              <el-button size="small" type="primary">提现</el-button>
            </el-col>
          </el-row>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  name: "balance",
  data() {
    return {};
  },
  mounted() {},
  watch: {},
  methods: {},
};
</script>

<style scoped lang='scss'>
.head {
  height: 41px;
  background-color: #f0f2f6;
  line-height: 41px;
  border: solid 1px #dcdfe6;
}
.head_text {
  margin-left: 24px;
}
.head_text1 {
  color: #909399;
  font-size: 12px;
}

.body {
  height: 70px;
  border: solid 1px #dcdfe6;
  border-top: 0;
  padding: 24px;
  // line-height: 120px;
}
</style>